extends layout

block content
	script(src="/javascripts/ws.js")
	
	div(style="position:fixed;width:250px;height:800px;z-index:0;top:30px;right:0px", class="righNav")
			table(cellpadding=2, width="100%", style="margin-top:20px;background-color:#fff")
				tr
					td(style="text-indent:5px;background-color:#eee") 
						img(src="/images/controls.gif", style="border:0px;vertical-align:middle")
						label &nbsp;Controls
				tr
					td(valign="top")
						table(border=0, width="100%")
							tr
								td
									a(class="control", id="cLabel", style="cursor:pointer", href="#")
										img(src="/images/label.png", style="border:0px;vertical-align:middle")
										label(style="cursor:pointer") &nbsp Label		
								td
									a(class="control",id="cTextField", style="cursor:pointer", href="#")
										img(src="/images/editbox.png", style="border:0px;vertical-align:middle")
										label(style="cursor:pointer") &nbsp Edit Box
							tr
								td
									a(class="control",id="cTextArea", style="cursor:pointer", href="#")
										img(src="/images/textarea.png", style="border:0px;vertical-align:middle")
										label(style="cursor:pointer") &nbsp Text Area
								td
									a(class="control",id="cRadioButton", style="cursor:pointer", href="#")
										img(src="/images/radio.png", style="border:0px;vertical-align:middle")
										label(style="cursor:pointer") &nbsp Radio Button
							tr
								td
									a(class="control",id="cComboBox", style="cursor:pointer", href="#")
										img(src="/images/combobox.png", style="border:0px;vertical-align:middle")
										label(style="cursor:pointer") &nbsp Combo Box
								td
									a(class="control",id="cCheckBox", style="cursor:pointer", href="#")
										img(src="/images/checkbox.png", style="border:0px;vertical-align:middle")
										label(style="cursor:pointer") &nbsp Check Box
							tr(style="display:none")
								td
									a(style="cursor:pointer", href="#", onclick="addButton();")
										img(src="/images/button.gif", style="border:0px")
								td
									a(class="control",style="cursor:pointer", href="#", onclick="addTextArea();")
										img(src="/images/fileupload.png", style="border:0px;vertical-align:middle")
										label(style="cursor:pointer") &nbsp File Upload
									
				tr
					td(style="text-indent:5px;background-color:#eee")
						img(src="/images/properties.gif", style="border:0px;vertical-align:middle")
						label &nbsp;Properties
				tr
					td
						table(cellpadding=5)
							tr(style="display:none")
								td ID:
								td
									input(type="text", readonly="readonly", id="pID")
							tr
								td Name:
								td
									input(type="text", id="pName", onkeyup="setPropertyDetails(this, 'Name')")
							tr
								td Text:
								td
									input(type="text", style="width:165px", id="pText", onkeyup="setPropertyDetails(this, 'Text')")			
							tr
								td Size:
								td
									select(id="pFontSize", onchange="setPropertyDetails(this, 'FontSize')")
										option(value="6px") 6px
										option(value="8px") 8px
										option(value="9px") 9px
										option(value="10px") 10px
										option(value="11px") 11px
										option(value="12px") 12px
										option(value="14px") 14px
										option(value="18px") 18px
										option(value="24px") 24px
										option(value="30px") 30px
										option(value="36px") 36px
										option(value="48px") 48px
										option(value="60px") 60px
										option(value="72px") 72px
							tr
								td Weight:
								td
									select(id="pFontWeight", onchange="setPropertyDetails(this, 'FontWeight')")
										option(value="normal")  Normal
										option(value="bold") Bold
										option(value="bolder") Bolder
										option(value="lighter") Lighter		
							tr
								td Style:
								td
									select(id="pFontStyle", onchange="setPropertyDetails(this, 'FontStyle')")
										option(value="normal")  Normal
										option(value="italic") Italic
										option(value="oblique") Oblique
							tr
								td Color:
								td
									input(type="text", id= "pFontColor", onchange="setPropertyDetails(this, 'Font-Color')")
							tr
								td Width:
								td
									input(type="text", id="pWidth",onkeyup="setPropertyDetails(this, 'Width')")
							tr
								td Height:
								td
									input(type="text", id="pHeight", onkeyup="setPropertyDetails(this, 'Height')")
							tr
								td List:
								td
									a(href="#cList", rel="leanModal", class="classname",id="cmdDivList") ...
													
	
	div(id="cList", title="List",style="display:none;height:auto:width:auto")
		table(width="100%")
			tr
				td
					label Enter choices per line:
			tr
				td
					textarea(id="txtList",cols="50", rows="13", style="resize:none") 
			tr
				td(align="right")
					input(type="button", value="OK", class="classname", id="ListOk") 
				
		
	div(id="divSave",title="Save as...",style="display:none")
		
		
		form(method="POST", name="frmWorkspace")
			div(style="display:none")
				input(type="text", name="content", id="content")
				input(type="text", name="fields", id="fields")
				input(type="submit", id="cmdSubmit", value="Submit")
			div(id="divDevSection", style="display:none")
				input(type="text", name="TrackNo", id="TrackNo")
				input(type="text", name="Requestor", id="Requestor")
				input(type="text", name="Status", id="Status")
				input(type="text", name="Processor", id="Processor")
				input(type="text", name="LastAction", id="LastAction")
				input(type="text", name="DateCreated", id="DateCreated")
				input(type="text", name="DateUpdated", id="DateUpdated")
				input(type="text", name="CreatedBy", id="CreatedBy")
				input(type="text", name="UpdatedBy", id="UpdatedBy")
				input(type="text", name="Unread", id="Unread")
			table(width="100%")
				tr
					td
						label Title:
					td
						input(type="text", name="tblname", id="tblname", style="width:340px")
				tr
					td
						label Description:
					td
						textarea(name="description",rows="4", cols="60", style="resize:none")
				tr
					td &nbsp;
					td(align="right")
						input(type="button", id="saveWSRender", class="classname", value="Save")
			
	div(id="",style="z-index:-1;width:auto;height:auto;")
		a(href="#",class="classname",id="saveWSDialog") Save
		label &nbsp;
		a(href="/",class="classname") Close
			
	hr
	div(id="droppable",style="overflow:auto;z-index:-1;background-image:url('/images/workspace.jpg');width:900px;height:700px;border:1px Solid #ccc")
					
					
					